$(document).ready(function(){
     
    $('.img-div').click(function(){
        $('.img-div').css('background-color', 'white');
        $(this).css('background-color', 'lightblue');
        $('#clazz').val($(this).attr('id'));
    });
    
    $('#create-form').submit(function(){
        var clazz = $('#clazz').val();
        var name = $('#name').val();
        
        if(clazz === ""){
            $('#error-msg-div').text('no class');
            return false;
        }
        
        if(name === ""){
            $('#error-msg-div').text('no name');
            return false;
        }
    });
});